.container{
    position: relative;
    user-select: none;

    button{
        background-color: #28C445;
        border-radius: 24px;
        padding: 8px 42px;
        color: #fff;
    }
}

.dialog{
    color: red;

    .content{
        position: relative;
        padding: 10px 12px;

        .header{
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #202327;

            &>span{
                font-size: 20px;
                margin-right: 4px;
            }
        }

        .qr{
            position: relative;
            display: flex;
            justify-content: center;
            margin: 20px 0;

            .img{
                position: relative;
                width: 200px;
                height: 200px;
                background-color: #efefef;
            }
        }

        .tips{
            position: relative;
            text-align: center;
            color: green;
        }

        .footer{
            position: relative;

            button{
                border: none;
                box-shadow: none;
                cursor: pointer;
            }

            .ok{
                position: relative;
                width: 100%;
                height: 32px;
                border-radius: 6px;
                margin-bottom: 12px;
                background-color: #FF6A00;
                color: #fff;
            }

            .err{
                position: relative;
                width: 100%;
                height: 32px;
                font-size: 12px;
                background: #fff;
                color: #aeaeae;
            }
        }
    }
}